@import "../_function";
@import "../mixin";
@import "../_variables";

.detail-title {
	@include bottom-line;
	.detail-title-container {
		padding: pr(55) pr(40) pr(35);
		.detail-title-name {
			font-size: pr(46);
			@include text-ellipsis;
		}
		.detail-title-characteristic {
			font-size: pr(35);
			color: $describeColor;
			margin-top: pr(35);
			@include text-ellipsis;
		}
		.detail-title-default {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: pr(55);
			.detail-title-default-price {
				span {
					color: $priceColor;
					font-size: pr(45);
				}
				del {
					color: $describeColor;
					margin-left: pr(25);
					font-size: pr(35);
				}
			}
			.detail-title-default-sells {
				font-size: pr(35);
				color: $describeColor;
			}
		}
		.detail-title-kanjia {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: pr(55);
			&-price {
				display: flex;
				align-items: center;
				span:nth-child(1) {
					color: $priceColor;
					font-size: pr(45);
					sub {
						font-size: pr(30);
					}
				}
				span:nth-child(2) {
					margin-left: pr(35);
					color: $describeColor;
					font-size: pr(30);
				}
			}
			&-stores {
				font-size: pr(35);
				color: $describeColor;
			}
		}
	}
	.detail-title-group {
		height: pr(140);
		color: $userNameColor;
		background: $formColor;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 pr(45);
		.detail-title-group-price {
			display: flex;
			align-items: center;
			div:first-child {
				span {
					font-size: pr(34);
				}
				b {
					margin-left: pr(25);
					font-size: pr(45);
				}
			}
			div:nth-child(2) {
				margin-left: pr(35);
				font-size: pr(30);
				p:first-child {
					margin-bottom: pr(20);
				}
			}
		}
		.detail-title-group-number {
			font-size: pr(30);
			letter-spacing: 1px;
		}
	}
}
